
//辅色-错误
$color-basic-error: #FF5F3F;
//辅色-成功
$color-basic-success: #17c985;
//辅色-警告
$color-basic-warning: #FB9D39;

// 默认字体颜色
$color-font-default: #333333;
$color-font-second: #666666;
$color-font-third: #999999;
$color-font-fourth: #cccccc;
// 底部字体颜色
$color-footer: #C4CAD2;
$color-copyright: #A7A9AC;
$base_width: 1920;
$base_fontSize: 100;

// 底部边框色
$color-border-footer: #4E5565;

$color-main: #1577FF;
$color-main-bg: #1577FF;
$color-main-bg-third: #F7F9FC;
// 卡片背景色
$color-card-bg: #EFF3F8;
// 底部背景颜色
$color-footer-bg: #21252D;

$header-height: 64px;

// 主要用于主题色和链接色Primary/主色

// 按钮点击背景
$color-primary-dark: #375CCC;
$color-primary: #4573FF;
// 按钮hover背景
$color-primary-light-3: #5B9FFF;
// 按钮禁用背景
$color-primary-light-5: #8ABBFF;
$color-primary-light-7: #B8D6FF;
$color-primary-light-8: #D0E4FF;
// 标签背景、消息提示背景
$color-primary-light-9: #E7F1FF;

$vvvvvvvvvvvvvv: xxxxxx;
// 主要用于成功、正确、通过类色彩Success/成功色

// 标签背景、消息提示背景
$color-success-light-9: #E8FAED;
$color-success-light-8: #D0F5DC;
$color-success-light-7: #B9F0CB;
// 禁用背景
$color-success-light-5: #8BE7A8;
// 按钮hover背景
$color-success-light-3: #5DDE85;
$color-success: #17D051;
// 按钮点击背景
$color-success-dark-2: #12A640;


// 主要用于警告、重点提醒、等待类色彩Warning/警告色

// 标签背景、消息提示背景
$color-warning-light-9: #FFF6E9;
$color-warning-light-8: #FFEED4;
$color-warning-light-7: #FFE5BE;
// 禁用背景
$color-warning-light-5: #FFD593;
// 按钮hover背景
$color-warning-light-3: #FFC468;
$color-warning: #FFAB28;
// 按钮点击背景
$color-warning-dark-2: #CC8820;



// 主要用于危险、错误类色彩Danger/危险色

// 标签背景、消息提示背景
$color-danger-light-9: #FEEEEC;
$color-danger-light-8: #FEDCD8;
$color-danger-light-7: #FECCC5;
// 禁用背景
$color-danger-light-5: #FEA99E;
// 按钮hover背景
$color-danger-light-3: #FD8778;
$color-danger: #FD543E;
// 按钮点击背景
$color-danger-dark-2: #CA4331;



// 主要用于信息提示类色彩Info/信息色

// 标签背景、消息提示背景
$color-info-light-9: #F4F4F5;
$color-info-light-8: #E9E9EB;
$color-info-light-7: #DEDFE0;
// 禁用背景
$color-info-light-5: #C7C9CC;
// 按钮hover背景
$color-info-light-3: #B1B3B8;
$color-info: #909399;
// 按钮点击背景
$color-info-dark-2: #73767A;



// 通用文字色Text/文字色
// （一级-标题/正文）
$text-color-primary: #303133;
// （二级-正文）
$text-color-regular: #606266;
// （三级-说明文本）
$text-color-secondary: #909399;
// （四级-提示)
$text-color-placeholder: #A8ABB2;
// (五级-禁用）
$text-color-disabled: #C0C4CC;


// 通用边框色Border/边框色
$border-color-darker: #CDD0D6;
// 输入框\选择框\按钮hover状态边框
$border-color-dark: #D4D7DE;
// 分割线、输入框\选择框\按钮基础状态边框
$border-color: #DCDFE6;
// 输入框\选择框\按钮禁用状态边框、下拉边框
$border-color-light: #E4E7ED;
// 表格边框
$border-color-lighter: #EBEEF5;
$border-color-extra-light: #F2F6FC;



// $sssssssssss: xxxxxxxxx;
// 通用填充色，常用于组件内部填充Fill/填充色
$fill-color-darker: #E6E8EB;
// 滚动条色值
$fill-color-dark: #EBEDF0;
// 页面背景
$fill-color: #F0F2F5;
// 表头填充、输入框\选择框禁用状态背景、计数器背景
$fill-color-light: #F5F7FA;
// 滚动条背景
$fill-color-lighter: #FAFAFA;
$fill-color-extra-light: #FAFCFF;


$console-main-pad: 12px;

// 阴影
$box-shadow-lighter: 0px 0px 6px 0px rgba(0,0,0,0.12);
// 弹出框、气泡选择框、下拉框 日期选择框
$box-shadow-light: 0px 0px 12px 0px rgba(0,0,0,0.12);
$box-shadow-dark: 0px 8px 16px -8px rgba(0,0,0,0.16), 0px 12px 32px 0px rgba(0,0,0,0.12), 0px 16px 48px 16px rgba(0,0,0,0.08);